window.addEventListener('load',function(){
/*                // 换页时的js样式
let changepages=document.querySelectorAll('header .nav li');
// console.log( changepages.length);
changepages.forEach(function(v,i){
  v.addEventListener('mouseover',function(){
    for (let j = 0; j < changepages.length; j++) {
      changepages[j].classList.remove('active');
    }
    v.classList.add('active');
  })
  v.addEventListener('mouseout',function(){
            v.classList.remove('active');
            changepages[1].classList.add('active');
        })
}) */
// 侧边栏的js代码
let sTop=document.querySelector("#relation .top")
window.addEventListener('scroll',function(){
  let asideList=document.documentElement.scrollTop;
  if(asideList>=600){
    relation.style.display='block';
  }else{
    relation.style.display='none';
  }
})
let timeid=null;
sTop.addEventListener('click',function(){
timeid=window.setInterval(function(){
  let asideList=document.documentElement.scrollTop;
document.documentElement.scrollTop=asideList-50;
// console.log(asideList);
if(asideList<=30){
  window.clearInterval(timeid);
}
},10)
})
})

/**
 * 功能说明
 * @method  方法
 * @type    table切换
 * @param    String  selector1     第一个选择器
 * @param    String  tab1       第一个内容选中之后的样式
 * @param   String  selector2     第二个选择器
 * @param    String  tab2       第二个内容选中之后的样式
 * @description  对功能进行说明
 * @author    作者
 * @data    日期
 * @returns  返回类型
 * 
 * 
*/
function table(selector1,tab1,selector2,tab2){
  let check=document.querySelectorAll(selector1);
if(selector2){
  let bigBox=document.querySelectorAll(selector2);
}
  
check.forEach(function(v,i){
    v.addEventListener('click',function(){
        for (let j = 0; j < check.length; j++) {
          if(selector2){
            let bigBox=document.querySelectorAll(selector2);
          bigBox[j].classList.remove(tab2);
          }
          check[j].classList.remove(tab1);
        }
        v.classList.add(tab1)
        if(selector2){
          let bigBox=document.querySelectorAll(selector2);
        bigBox[i].classList.add(tab2);
        }
    })
})
}
